<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  %>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html class="pixel-ratio-1">
	<head>
		<title>请评价</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="lib/weui.min.css">
			<link rel="stylesheet" href="css/jquery-weui.css">
		    <script src="lib/jquery-2.1.4.js"></script>
			<script src="lib/fastclick.js"></script>
			<script src="js/jquery-weui.min.js"></script>
		<style>
			.placeholder {
				margin: 1px;
				padding: 5px;
				text-align: center;
				color: #9B9B9B;
			}
			.fx_05{
				-webkit-box-flex: 0.5;
			    -webkit-flex: 0.5;
			    flex: 0.5;
			}
			.hg_top{
				min-height:12em;
			}
			.hg_center{
				height:20em;	
			}
			.mg_sub{
				margin: 2em 0.5em;
			}
			.div_radius5{
				border-radius: 10px;
				border:solid 2px #9B9B9B;
			}
			.mg_div{
				margin: 0.5em;
			}
			.imgcss{
				border-radius: 50%;
				height: 8em;
				width: 8em;
			}
			.stars{
				margin-top: 0.5em;
				line-height: 1em;
				color:#A1A1A1;
			}
			.stars .checked{
				color: deepskyblue;
			}
			.stars .star-inner{
				font-size: 1.5em;
			}
			.t_right{
				border-left: solid 2px #A1A1A1;
			}
			.t_right li{
				list-style-type:none;
				text-align: left;
			}
			.date_min{
				font-size: 1em;
			}
			.pjcss{
				margin-top: 0.5em;					
			}
			.pj_area{
				border: solid 1px #eee;
				background-color: #fefefe;
			}
			.weui-cell:before{
				border-top: none;
			}
			.valData{
			    display: inline-block;
				color:#039702;
				font-weight: 600;
			}
			.pjLabel{
				padding: 10px 8px;
			}
		</style>
		<script>
			 $(function() {
			    FastClick.attach(document.body);
			  	});
		$(document).on("click", "#subBut", function() {
			$.showLoading("正在提交");
			$("#subBut").addClass("weui-btn_disabled");
		    setTimeout(function() {
		    	$.hideLoading();
		    	$("#subBut").hide();
		    	$('textarea').attr("readonly","readonly")
		    	$("label").attr("for","");
		    	$.toast("操作成功", function() {
		          console.log('close');
		        });
		    }, 3000)
	        
      	})
		 function disableEdit(){
		 	$("#subBut").addClass("weui-btn_disabled");
		 }
		</script>
	</head>

	<body ontouchstart="">
		<div class="weui-flex mg_div">
			<div class="weui-flex__item fx_05">
				<div class="placeholder hg_top">
						<img class="imgcss" src="image/610425198304081794.jpg" />
						<div class="stars">
						  <a data-num="0" class="checked"> <span class="star-inner">★</span> </a>
						  <a data-num="1" class="checked"> <span class="star-inner">★</span> </a>
						  <a data-num="2" class="checked"> <span class="star-inner">★</span> </a>
						  <a data-num="3" class="checked"> <span class="star-inner">★</span> </a>
						  <a data-num="4" class=""> <span class="star-inner">★</span> </a>
						</div>
						<div>司机姓名:高育良</div>
				</div>
			</div>
			<div class="weui-flex__item t_right">
				<div class="placeholder hg_top">
					<ul>
						<li><label>订单号：</label><label class="valData">1212452154752135</label></li>
						<li><label>车牌号：</label><label class="valData">AB8453</label></li>
						<li><label>终端编号：</label><label class="valData">010015362</label></li>
						<li><label>上车时间：</label><label class="date_min valData">2017-06-06 15:25:00</label></li>
						<li><label>下车时间：</label><label class="date_min valData">2017-06-06 16:01:25</label></li>
						<li><label>营运里程：</label><label class="valData">25KM</label></li>
						<li><label>营运金额：</label><label class="valData">34元</label></li>
					</ul>
					
				</div>
			</div>
		</div>
		<!--评价-->
		<div class="weui-cells__title mg_div"><b style="color: black;">该次乘车评价：</b></div>
		<div class="weui-flex mg_div">
			<div class="weui-flex__item">
				<div class="placeholder div_radius5  hg_center">
					<!--内容-->	
					<div class="weui-flex weui-cells_radio pjcss">
					  <div class="weui-flex__item " >
					  	<label class="weui-cell weui-check__label pjLabel" for="x11">
						  	<div class="weui-cell__ft">
						          <input type="radio" class="weui-check" name="radio1" id="x11">
						          <span class="weui-icon-checked"></span>
						    </div>
						        <span style="color:green">满意</span>
					    </label>
					  </div>
					  <div class="weui-flex__item " >
					  	<label class="weui-cell weui-check__label pjLabel" for="x12">
						  		<div class="weui-cell__ft">
						          <input type="radio" class="weui-check" checked="checked" name="radio1" id="x12">
						          <span class="weui-icon-checked"></span>
						        </div>
						        <span style="color:yellowgreen">一般</span>
					    </label>
					  </div>
					  <div class="weui-flex__item ">
					  	<label class="weui-cell weui-check__label pjLabel" for="x13">
								<div class="weui-cell__ft">
						          <input type="radio" class="weui-check" name="radio1" id="x13">
						          <span class="weui-icon-checked"></span>
						        </div>					  	
						        <span style="color:red">不满意</span>
				        </label>
					  </div>
					</div>	
					<div class="weui-cell" style="border-top:none;">
					    <div class="weui-cell__bd" >
					      <textarea id="pjContext" class="weui-textarea pj_area" placeholder="请输入评价描述" rows="9"></textarea>
					      <div class="weui-textarea-counter"><span>0</span>/200</div>
					    </div>
					  </div>
				</div>
			</div>
		</div>
			<a id="subBut" href="javascript:;" class="weui-btn weui-btn_primary mg_sub">提交评价</a>
			
			
		<div id=""></div>
	</body>

</html>